flex justify-content

发表于 | | 阅读次数 | 
1
2
display: flex;
justify-content: space-evenly;

IE 及 mobile 兼容性问题

https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content

解决方案：

1
2
3
4
5
6
7
8
9
10
.evenly-like {
  display: flex;
  justify-content: space-between;

  &:before,
  &:after {
    content: '';
    display: block;
  }
}

https://stackoverflow.com/questions/47534216/how-to-make-css-justify-contentspace-evenly-fallback-to-space-between-on-safari

坚持原创技术分享，您的支持将鼓励我继续创作！